﻿* { margin: 0px; padding: 0px; }
li { list-style: none; }
a { text-decoration: none; color: #333; outline: none; }
img { border: none; display: block; }
a img { border: none; display: block; }
body { background: url('../images/header-repeat.png') repeat-x 0 0 transparent; font-family: Arial; font-size: 12px; }
.container { width: 1000px; margin: 0 auto; }

/* common */
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

.w100p { width: 100%; }

.mt10 { margin-top: 10px; }
.mt30 { margin-top: 30px; }
.ml8 { margin-left: 8px; }
.mr0 { margin-right: 0 !important; }
.mr20 { margin-right: 20px; }
.mb30 { margin-bottom: 30px; }

.none { display: none; }

.relative { position: relative; }
.pos10 { left: 64px; }
.pos20 { left: 215px; }
.pos30 { left: 368px; }
/* header */
.header { height: 193px; position: relative; }
/*.header .logo { background: url("../images/hongthuy-logo.png") no-repeat scroll 0 0 transparent; height: 136px; position: absolute; top: 3px; width: 454px; }*/
.header .logo { background: url("/Images/hongthuy-logo-02.png") no-repeat scroll 0 0 transparent; height: 136px; position: absolute; top: 3px; width: 454px; }
.header .logo-name { color: #FFFFFF; font-size: 31px; left: 115px; position: absolute; top: 50px; display:none}
.header .search { display: none; background: url("../images/timkiem.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 31px; position: absolute; right: 145px; text-align: right; top: 47px; width: 202px; }
.header .search input[type=text] { border: 0 none; float: left; height: 25px; margin-left: 4px; margin-top: 4px; width: 155px; }
.header .search .button-search { cursor: pointer; display: block; float: right; height: 27px; margin-right: 2px; margin-top: 4px; width: 40px; }
.header .phone { display: none; background: url("../images/hotline.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 31px; position: absolute; right: 0; text-align: right; top: 50px; width: 142px; }
.header .phone span { color: #FFFFFF; font-size: 19px; line-height: 31px; margin-right: 3px; }
.header ul.menu { bottom: 0; position: absolute; width: 100%; font-size: 0; }
.header ul.menu li { display: inline-block; border-right: 2px solid rgba(0, 0, 0, 0);text-transform:uppercase;font-weight:bold }
.header ul.menu li.first { border-radius: 5px 0 0; overflow: hidden; }
.header ul.menu li.last { border-right: 0; border-radius: 0 5px 0 0; overflow: hidden; }
.header ul.menu li a { background: url("../images/menu-repeat.png") repeat scroll 0 0 rgba(0, 0, 0, 0); color: #FFFFFF; display: table-cell; font-size: 14px; height: 57px; text-align: center; vertical-align: middle; padding-right: 43px; padding-left:44px;}
.header ul.menu li a:hover, .header ul.menu li a.active { background: url("../images/menu-repeat-hover.png") repeat scroll 0 0 rgba(0, 0, 0, 0); }

/* slide home */
.buy-button { background: url("../images/mua.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 30px; width: 77px; }
.slide-top { border: 1px solid #EAEBEC; border-radius: 5px; margin-top: 10px; }
.slide-top .slide-inside { height: 262px; }
.slide-top .side-left { padding-left: 60px; padding-top: 40px; width: 610px; }
.slide-top .name { color: #F37321; font-size: 60px; text-transform: uppercase; }
.slide-top .code-name { font-size: 37px; color: #363434; text-transform: uppercase; }
.slide-top .desc { color: #a0a0a0; font-size: 13px; text-transform: uppercase; }
.slide-top .buy { }
.slide-top .side-right { padding-left: 40px; padding-top: 10px; }
.slide-top .side-right img { width: 250px; height: 250px; display: block; }
.slide-top .slide-nav { background-color: #E5E7E8; height: 20px; padding-top: 10px; text-align: right; }
.slide-top .slide-nav a { background-color: #B8BDC0; border-radius: 12px; display: inline-block; height: 12px; margin-right: 5px; width: 12px; }
.slide-top .slide-nav a.active { background-color: #f37321; }

.content { margin-top: 35px; }
/* left */
.content .content-left { width: 220px; }
.content-left .box-left { }
.content-left .title { background-color: #F37321; color: #FFFFFF; font-size: 25px; padding: 3px 0 3px 15px; text-transform: uppercase; }

/* left - product */
.box-left-product {border: 1px solid #F37321;margin-bottom: 10px; }
.box-left-product ul { }
.box-left-product ul li { background: url("../images/muiten.png") no-repeat scroll 3px 4px rgba(0, 0, 0, 0); margin: 10px 0; padding-left: 12px; margin-left:6px; }
.box-left-product ul li ul li ul li { margin: 5px 0; padding-left: 3px; background:none}
.box-left-product ul li ul li ul li a{ font-size:11px ;color:#990000}
.box-left-product ul li ul li a{ font-size:12px ;color:#005D91}
.box-left-product ul li ul li a:hover {color:Orange;}
.box-left-product ul li a { font-size: 13px; font-weight: bold;}
.box-left-product ul li a:hover {color:Orange;}
/* left - product checkbox */
.type-checkbox ul li { background: none !important; padding-left: 5px !important; }
.type-checkbox input:checkbox { border-color: #F37321; }
.type-checkbox li a { padding-left: 10px; }
/* left - news */
.box-left-news {border:1px solid #F37321;margin-bottom:5px }
.box-left-news ul { }
.box-left-news ul li { width:100%;float:left; margin-top: 5px;margin-bottom:5px }
.box-left-news ul li a { color: #555; float: left;font-weight:bold }
.box-left-news .title-news { margin-left: 10px; width: 114px; }
.box-left-news ul li img { width: 88px; height: 72px; display: block;margin-left:5px; }

/* left - support */
.box-left-support { border: 1px solid #F37321; border-radius: 10px; }
.box-left-support .img-support { background: url("../images/anhsonga.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 75px; width: 220px;  border-radius: 10px 10px 0 0; }
.box-left-support .support-inside { padding-left: 20px; }
.box-left-support .city { color: #F37321; font-size: 17px; margin: 5px 0; }
.box-left-support .support-phone { margin: 5px 0; background: url("../images/support-phone.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); color: #7A7A7A; padding-left: 15px; }
.box-left-support .support-tech { float: left; width: 100px; margin: 5px 0; }
.box-left-support .support-name { color: #7a7a7a; font-weight: bold; margin: 5px 0; }
.box-left-support .yahoo { background: url("../images/yahoo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; margin-right: 10px; height: 20px; width: 28px; }
.box-left-support .skype { background: url("../images/skype.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 20px; width: 28px; }
.box-left-support .support-line { border-top: 1px solid #EAEBEC; }

.content .content-right { width: 760px; }
.contact { }

/* right - box top product */
.box-top-product { border: 1px solid #F37321; border-radius: 5px;width:758px }
.box-top-product .item { float: left; padding: 5px; width: 368px; }
.box-top-product .left { float: left; }
.box-top-product .left img { width: 150px; height: 180px; display: block; }
.box-top-product .right { float: left; margin-left: 10px; width: 200px; margin-top: 7px; }
.box-top-product .right .name { color: #F37321; font-size: 23px; text-transform: uppercase; margin-bottom: 3px; }
.box-top-product .right .code-name { font-size: 16px; color: #363434; text-transform: uppercase; }
.box-top-product .right .desc { color: #a0a0a0; }

/* right - pagging product */
.pagging { bottom: -10px; left: 320px; position: absolute; }
.pagging a { float: left; border-radius: 5px; color: #000; font-weight: bold; font-size: 18px; border: 1px solid #EAEBEC; padding: 0px 5px; margin: 0px 3px; background-color: white }
.pagging a.active { color: #fff; background: #000; }

/* right - product focus */
.product-focus { }
.product-focus .title { font-size: 26px; text-transform: uppercase; color: #7a7a7a;font-weight:normal }
.product-focus .product-focus-list { border: 1px solid #EAEBEC; border-radius: 5px; padding: 15px 25px;width:710px }
.product-focus .item { border:1px solid #F37321;height: 260px; position: relative; background-color: #E5E7E8; border-radius: 5px; float: left; margin-right: 35px; width: 210px; }
.product-focus .new { background: url("../images/new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 68px; position: absolute; right: 20px; top: 49px; width: 62px; }
.product-focus .name { background:#F37321;padding:8px 17px 5px 17px;color: #fff; font-size: 11px; font-family: Verdana;height: 26px;font-weight:bold }
.product-focus img { width: 172px; height: 140px; display: block; border: 1px solid #EAEBEC; border-radius: 5px;margin-top:10px }
.product-focus .img {padding:0 17px }
.product-focus .code-name { font-size: 16px; margin-top: 10px; height: 20px;padding:0 17px ;display:none;}
.product-focus .desc { color: #a0a0a0;padding:0 17px;display:none}
.product-focus .shopping { margin-top: 10px;padding:0 17px }
.product-focus .price { float: left; width: 135px; margin-top: 2px; }
.product-focus .current { color: #f37321; font-size: 18px;font-weight:normal }
.product-focus .discount { color: #b4b3b4; text-decoration: line-through; }
.product-focus .cart { background: url("../images/xehang.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 40px; width: 40px; }

/* right - product detail */
.product-nav { color: #F37321;
    float: left;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;text-transform:uppercase ;margin-top:3px;margin-bottom:10px}
.product-nav a{color:#A0A0A0}

.product-detail { }
.product-detail .head { float: left; width: 100%;text-transform:uppercase }
.product-detail .head a { float: left; font-size: 13px; font-family: Arial; color: #F37321; font-weight: bold; padding-right: 10px; }
.product-detail .head a.current { color: #a0a0a0; }
.product-detail .head .narrow { float: left; background: url("../images/muiten.png") no-repeat scroll 0 4px rgba(0, 0, 0, 0); width: 6px; height: 20px; padding-right: 10px; }
.product-detail-img { padding: 10px; width: 303px; position: relative; }
.product-detail-img .wrapper { position: relative; border: 1px solid #EAEBEC; border-radius: 5px; }
.product-detail-img .wrapper img { width: 300px; height: 290px; }
.product-detail-img .prev { position: absolute; width: 49px; height: 54px; left: 0px; top: 123px; width: 49px; height: 54px; background: url("../images/slide-prev.png") no-repeat; z-index: 999; cursor: pointer; }
.product-detail-img .next { position: absolute; width: 49px; height: 54px; right: 0px; top: 123px; width: 49px; height: 54px; background: url("../images/slide-next.png") no-repeat; z-index: 999; cursor: pointer; }
.product-detail-info { width: 426px; margin-left: 10px; }
.product-detail-info .title { font-size: 21px; margin-bottom: 7px; }
.product-detail-info .type { color: #7a7a7a; font-size: 14px; }
.product-detail-info .sapo { color: #7a7a7a; font-size: 14px; padding-top: 20px; line-height: 18px; }
.product-detail-info .expire { color: #7a7a7a; font-size: 14px; padding: 10px 0px; font-weight: bold; }
.product-detail-info .social { width: 100%; float: left; padding: 10px 0px; }
.product-detail-info .price { float: left; width: 100%; font-size: 25px; color: #F37321; padding-bottom: 5px; }
.product-detail-info .discount { color: #B4B3B4; text-decoration: line-through; border-bottom: dotted 1px #e8e7e7; }
.product-detail-info .quantity { float: left; color: #7a7a7a; font-size: 15px; padding: 10px 0px; display: none; }

.item-image ul li { float: left; }
.item-image ul li img { float: left; width: 62px; height: 59px; padding: 5px; }
.activeSlide a img { border: solid 2px #F37321; }
.product-tab { float: left; width: 100%; margin-top: 20px; }
.product-tab ul.taboptiondetail { float: left; width: 100%; border-bottom: solid 4px #F37321; position: relative; background: url("../images/sanpham-chitiet_22.png") no-repeat right; }
.product-tab ul.taboptiondetail li { float: left; padding: 7px 10px; }
.product-tab ul.taboptiondetail li a { color: #7a7a7a; font-size: 15px; }
.product-tab ul.taboptiondetail li a.active { color: #F37321; }
.product-tab ul.taboptiondetail li span.narrow { background: url("../images/sanpham-chitiet_26.png") no-repeat; width: 18px; height: 8px; position: absolute; bottom: -12px; }

.product-tab .inner-tab { float: left; width: 100%; padding: 20px 0px; }

.product-relation { float: left; width: 100%;padding:20px 0px; border: 1px solid #EAEBEC; border-radius: 5px; }
.head-relation { font-size: 21px; color: #7a7a7a; padding-bottom: 10px; }
.product-relation .item { margin-bottom:10px;border:1px solid #F37321;height: 278px; position: relative; background-color: #E5E7E8; border-radius: 5px;margin-right:20px;margin-left:20px; float: left; width: 210px; }
.product-relation .new { background: url("../images/new.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; height: 68px; position: absolute; right: -1px; top: -1px; width: 62px; }
.product-relation .name { background:#F37321;padding:8px 17px 5px 17px;color: #fff; font-size: 11px; font-family: Verdana;height: 26px;font-weight:bold }
.product-relation .name a{color:#fff}
.product-relation img { width: 172px; height: 140px; display: block; border: 1px solid #EAEBEC; border-radius: 5px;margin-top:10px }
.product-relation .img {padding:0 17px }
.product-relation .code-name { font-size: 16px; margin-top: 10px; height: 20px;padding:0 17px }
.product-relation .desc { color: #a0a0a0;padding:0 17px;display:none}
.product-relation .shopping { margin-top: 10px;padding:0 17px }
.product-relation .price { float: left; width: 135px; margin-top: 2px; }
.product-relation .current { color: #f37321; font-size: 18px; }
.product-relation .discount { color: #b4b3b4; text-decoration: line-through; }
.product-relation .cart { background: url("../images/xehang.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 40px; width: 40px; }
/*
.product-relation .item { background-color: #E5E7E8; border-radius: 5px; float: left; margin: 0px 20px; padding: 10px 17px; position: relative; width: 178px; height: 312px; margin-bottom: 10px; }
.product-relation .item .name { color: #B4B3B3; font-family: Verdana; font-size: 11px; height: 26px; margin-bottom: 2px; }
.product-relation .item .name a { color: #B4B3B3; }
.product-relation .item img { border: 1px solid #EAEBEC; border-radius: 5px; display: block; height: 172px; width: 172px; }
.product-relation .item .code-name { font-size: 16px; height: 20px; margin-top: 10px; }
.product-relation .item .desc { color: #A0A0A0; }
.product-relation .item .shopping { margin-top: 10px; }
.product-relation .item .price { float: left; width: 135px; margin-top: 2px; }
.product-relation .item .current { color: #F37321; font-size: 18px; }
.product-relation .item .discount { color: #B4B3B4; text-decoration: line-through; }
.product-relation .item .cart { background: url("../images/xehang.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: block; float: left; height: 40px; width: 40px; }
*/

/* contact bottom */
.contact { width: 100%; }
.contact .title { color: #7a7a7a; font-size: 21px; text-transform: uppercase; }
.contact .inside { border: 1px solid #EAEBEC; border-radius: 5px; padding: 10px 0; width: 998px; }
.contact .inside ul { width: 998px; }
.contact .left { background: url("../images/contact-left.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; float: left; height: 80px; width: 30px; }
.contact .right { background: url("../images/contact-right.png") no-repeat scroll center center rgba(0, 0, 0, 0); display: inline-block; float: left; height: 80px; width: 30px; }
.contact ul { float: left; }
.contact ul li { float: left; margin: 0 17px; }
.contact ul li a { }
.contact ul li a img { width: 200px; height: 80px; display: block; }

/* footer */
.footer { background-color: #0A1622; }
.footer-inslide { width: 1000px; margin: 0 auto; color: white; padding: 15px 0; font-size: 13px; height: 213px; position: relative; }
.menu-footer {float:right }
.menu-footer ul { float: left; width: 120px; padding-left:45px}
.menu-footer ul li { font-weight: bold; margin: 5px 0; }
.menu-footer ul li a { color: #7c848c; font-weight: normal; }
.footer-bottom { margin-top: 0px; font-weight: bold; }
.footer-bottom .left { width: 440px; }
.footer-bottom .left span { font-size: 12px; color: #7c848c; line-height: 30px; font-weight: normal; }
.footer-bottom .right { }
.footer-social { background: url("../images/social-footer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 25px; position: absolute; right: 196px;top:131px; width: 88px; }
.footer-social a { display: inline-block; height: 24px; width: 24px; }
.back-top { background: url("../images/back-top.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); bottom: 20px; display: block; height: 50px; position: absolute; right: 0; width: 50px; }
.mgt5 { margin-top: 5px; }
.menucompany{display:none}
.mb30{margin-bottom:30px}
.mb15{margin-bottom:15px}
.chitietshow{padding:0 17px;text-align:center;}
.chitietshow a{color:#F37321;font-weight:normal}

.box-detail-support { border: 1px solid #eaebec; border-radius: 10px; float:left;background:#f3f3f3;width:424px;padding-bottom:2px}
.box-detail-support h3{color:#9b9b9b;padding-left:10px;font-size:12px;font-weight:normal;padding-top:5px}
.box-detail-support .img-support { background: url("../images/anhsonga.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); height: 75px; width: 220px;  border-radius: 10px 10px 0 0; }
.box-detail-support .support-inside { padding-left:10px;width:200px}
.box-detail-support .support-inside h3{padding-left:0px;margin-bottom:5px;padding-top:0px;height:35px;color:#7a7a7a}
.box-detail-support .city { color: #F37321; font-size: 17px; margin: 5px 0; }
.box-detail-support .support-phone { margin: 5px 0; background: url("../images/support-phone.png") no-repeat scroll 0 2px rgba(0, 0, 0, 0); color: #7A7A7A; padding-left: 15px; }
.box-detail-support .support-tech { float: left; width: 100px; margin: 5px 0; }
.box-detail-support .support-name { color: #7a7a7a; font-weight: bold; margin: 5px 0; }
.box-detail-support .yahoo { background: url("../images/yahoo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; margin-right: 10px; height: 20px; width: 28px; }
.box-detail-support .skype { background: url("../images/skype.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0); display: inline-block; height: 20px; width: 28px; }
.box-detail-support .support-line { border-top: 1px solid #EAEBEC; }

.lienhefixed{position:fixed;top:242px;left:0px}
.footerhn{margin-top:10px}
.footerhn p{color:#7C848C;line-height:20px;font-weight:normal;margin-top:5px}
